<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>

<script>

export default {
  name: 'App',
  /* 以下代码以及上面添加的 v-if="isRouterAlive"
  都是用于增删查改后实现刷新列表 使用时要在methods同级目录下添加
  inject: ['reload'],
  调用时  直接 reload()  即可
  */
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(() => {
        this.isRouterAlive = true
      })
    }
  }
}
</script>
